<script setup>
    
</script>

<template>

<div class="container">
    <h2>总体建议</h2>

  <el-descriptions class="margin-top" :column="1" :size="size" border>

      <el-descriptions-item>
        <template #label>
          <div class="cell-item" style="color:black">
          登录情况 
          </div>
        </template>
            <p>8时至10时、14时至18时时为登录高峰期，注意服务器压力</p>
      </el-descriptions-item>
      
      <el-descriptions-item>
        <template #label>
          <div class="cell-item" style="color:black">
            下载情况：
          </div>
        </template>
            <p>14时至18时为下载高峰期，注意服务器压力</p>
      </el-descriptions-item>

      <el-descriptions-item>
        <template #label>
          <div class="cell-item" style="color:black">
            总体情况：
          </div>
        </template>
            <p>2时至4时使用用户最少，维护和更新可在该时间段进行</p>
      </el-descriptions-item>


  </el-descriptions>
  </div>
  </template>

  <style scoped>
  
  .el-descriptions {
    margin-top: 20px;
  }

  .cell-item {
    height:5vh;
    display: flex;
    align-items: center;
  }

  .margin-top {
    margin-top: 20px;
  }
</style>
  